<template>
  <div class="guide-import wrapper">
    <div class="upload-survey">
      <div class="text">从Excel导入数据，并自动生成问卷</div>
      <router-link class="begin" to="">开始</router-link>
    </div>

    <!-- <div class="suggest">为您推荐</div>
    <div class="row">
      <a class="link" href="">
        <div class="order">
          <span class="number one">1</span>
          身体健康状况调查</div>
        <span class="issue">20个问题/3页</span>
      </a>

      <a class="link" href="">
        <div class="order">
          <span class="number two">2</span>
          学生身体健康状况调查
        </div>
        <span class="issue">26个问题/3页</span>
      </a>

      <a class="link" href="">
        <div class="order">
          <span class="number there">3</span>
          教师身体健康状况调查
        </div>
        <span class="issue">24个问题/3页</span>
      </a>

      <a class="link" href="">
        <div class="order">
          <span class="number">4</span>
          中小学师生健康调查表
        </div>
        <span class="issue">22个问题/2页</span>
      </a>

      <a class="link" href="">
        <div class="order">
          <span class="number">5</span>
          xx市中小学师生健康调查表
        </div>
        <span class="issue">5个问题/1页</span>
      </a>

      <a class="link" href="">
        <div class="order">
          <span class="number">6</span>
          社会网站满意度问卷模板
        </div>
        <span class="issue">34个问题/4页</span>
      </a>

      <a class="link" href="">
        <div class="order">
          <span class="number">7</span>
          购物网用户满意度调查
        </div>
        <span class="issue">21个问题/1页</span>
      </a>

      <a class="link" href="">
        <div class="order">
          <span class="number">8</span>
          数码家电类产品满意度模板
        </div>
        <span class="issue">32个问题/4页</span>
      </a>

      <a class="link" href="">
        <div class="order">
          <span class="number">9</span>
          网购消费者的行为习惯调查
        </div>
        <span class="issue">28个问题/4页</span>
      </a>

      <a class="link" href="">
        <div class="order">
          <span class="number">10</span>
          餐饮类团购用户满意度问卷模板
        </div>
        <span class="issue">31个问题/3页</span>
      </a>
    </div> -->
  </div>
</template>

<script>
export default {
};
</script>

<style lang="scss" scoped>
.guide-import {
  margin: 40px auto 0;
  box-sizing: border-box;
}

.upload-survey{
  display: flex;
  justify-content: space-between;
  background-color: #f4f6f9;
  height: 70px;
  line-height: 70px;
  padding: 0 20px 0 54px;
  align-items: center;
  background-image: url('../../assets/table-icon.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 24px;
}

.text{
  font-size: 20px;
}

// .one{
//   color: #3da6ff;
// }

// .two{
//   color: #3da6ff;
// }

// .there{
//   color: #3da6ff;
// }

.begin{
  width: 100px;
  height: 36px;
  background-color: #008fff;
  border-color: #008fff;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
}

.begin:hover {
  background-color: #2196f3;
}

// .suggest{
//   font-size: 20px;
//   padding-top: 40px;
//   padding-bottom: 13px;
//   line-height: 1;
//   border-bottom: 1px solid #d9d9d9;
//   margin-bottom: 10px;
// }

// .row{
//   column-count: 2;
//   column-gap: 10%;
// }

// .link:hover {
//   color: #6eace8;
// }

// .link{
//   text-decoration: none;
//   display: flex;
//   justify-content: space-between;
//   color: black;
//   line-height: 35px;
  // margin-top: 10px;
// }

// .issue{
//   font-size: 14px;
//   color: #999999;
// }

// .number{
//   margin-right: 5px;
//   font-style: italic;
// }
</style>
